body {
    background: #f5f5f5;
}

.tooltip-inner {
    background-color: #ec1d25;
    padding: 8px 20px;
}

img {
    max-width: 100%;
}

.tooltip.show {
    opacity: 1;
}

.tooltip.tooltip-top .tooltip-inner::before,
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #ec1d25;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.hide {
    display: none;
}

.animated {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
}


/* Custom CSS */

.line1 {
    background: $light1;
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
}

.pull-right {
    text-align: right;
}

.pull-left {
    text-align: left;
}

.break1line {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

.break2line {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

.break3line {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

.break4line {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

.break5line {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}


/* Top */

.cd-top {
    display: inline-block;
    height: 40px;
    z-index: 9999;
    width: 40px;
    position: fixed;
    bottom: 120px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 6px;
    background: rgba(20, 20, 20, 0.8) url(../images/icons/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

a:focus,
a:hover {
    text-decoration: none
}

@include media-breakpoint-between(xs, md) {
    .cd-top {
        right: 20px;
        bottom: 20px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 40px;
        bottom: 100px;
    }
}


/*Small devices (landscape phones, 0px to 576px and up)*/

@include media-breakpoint-between(xs, md) {
    .mplr0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mt15 {
        margin-top: 15px;
        .break5line,
        .break4line {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            display: -webkit-box;
            word-break: break-all;
            white-space: normal;
        }
    }
}

@include media-breakpoint-up(sm) {}

@include media-breakpoint-down(sm) {
    .fixcol {
        padding: 0px !important;
        ;
    }
}